// pages/ClassificationBZ/ClassificationBZ.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 搜索
    value: "",
    // 获取到的图片路径添加到这
    urlArr: [],
    upFlag: false,
    sortArr: [],
    // 定位到哪个分类用的
    active: 0,
    activeTemp: '',
    sortIndex:1,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  // 监听页面滚动
  onPageScroll(e) {
    let that = this;
    if (e.scrollTop > 400) {
      //滑下去400显示向上图标
      that.setData({
        upFlag: true
      })
    } else if (e.scrollTop < 400) {
      // 少于400隐藏图标
      that.setData({
        upFlag: false
      })
    }
  },
  up() {
    // 点击返回顶部
    wx.pageScrollTo({
      scrollTop: 1
    })
  },
  onLoad(options) {
    console.log(options.sort)
    this.data.activeTemp = options.sort
    this.getTwosort();

  },
  getTwosort() {
    // 获取二级分类
    let sbwx = []
    wx.request({
      url: `https://watermark.czmao.cn:3000/twosort?num=${1}`,
      success: (res) => {
        sbwx = res.data.list
        this.setData({
          sortArr: sbwx,
        })
        for (let i = 0; i < sbwx.length; i++) {
          if (sbwx[i].twoName == this.data.activeTemp) {
            console.log(sbwx[i].twoNum)
            this.setData({
              active: i,
              sortIndex:sbwx[i].twoNum
            })
          }
        }
        // 获取完二级分类后再获取图片数据
        this.getBz()
      }
    })
  },

  getBz(){
    console.log(this.data.sortIndex)
    // 临时变量
    let temp = []
    wx.request({
      method: "POST",
      url: `https://watermark.czmao.cn:3000/getImg?cx=0&twonum=${this.data.sortIndex}&onenum=1`,
      success: (res) => {
        for (let i = 0; i < res.data.list.length; i++) {
          temp.push({
            id: res.data.list[i].id,
            url: `https://watermark.czmao.cn:3000/${res.data.list[i].url}`
          })
        }
        this.setData({
          urlArr: temp
        })
      }
    })
  },
  onChange(e){
    console.log(e)
    let temp = e.detail.index+1;
    this.setData({
      sortIndex:temp
    })
    console.log(this.data.sortIndex)
    this.getBz()
  },
  toIndex() {
    wx.navigateBack({
      delta: 1,
      fail: (err) => {
        wx.switchTab({
          url: '../../pages/index/index',
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
  },
  toDetails(e) {
    // wx.navigateTo({
    //   url: `../../pages/Details/Details?id=${e.currentTarget.dataset.id}&lg=${this.data.urlArr.length}`,
    // })
    wx.navigateTo({
      url: `../../pages/Details/Details?id=${e.currentTarget.dataset.id}&lg=${this.data.urlArr.length}&twonum=${this.data.sortIndex}&onenum=1`,
    })
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    this.getBottom()
  },
 // 触底获取更多图片
 getBottom() {
  // console.log(this.data.urlArr.length)
  // console.log(this.data.sortIndex)
  let cx=this.data.urlArr.length;
  let sortIndex= this.data.sortIndex;
  // 触底
  if (cx >= 50) {
    // 临时变量
    let temp = this.data.urlArr
    wx.request({
      method: "POST",
      url: `https://watermark.czmao.cn:3000/getImg?cx=${cx}&twonum=${sortIndex}&onenum=1`,
      success: (res) => {
        console.log(res)
        for (let i = 0; i < res.data.list.length; i++) {
          temp.push({
            id: res.data.list[i].id,
            url: `https://watermark.czmao.cn:3000/${res.data.list[i].url}`
          })
        }
        this.setData({
          urlArr: temp
        })
      },
      fail: (err) => {
        console.log('已无更多')
      }
    })
  }
},
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})